import Vue from 'vue'
// 重置浏览器默认样式的包css
import 'normalize.css/normalize.css' // A modern alternative to CSS resets
// 集成饿了吗UI组件库
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// 国际化
// import locale from 'element-ui/lib/locale/lang/en' // lang i18n
// 全局样式
import '@/styles/index.scss' // global css

import App from './App'
import store from './store'
import router from './router'
// 注册图标全局组件
import '@/icons' // icon
// 执行路由守卫钩子函数
import '@/permission' // permission control
// 导入自定义指令模块
import * as dirts from '@/directives/'
// 注册全局组件
import myPlugCompoment from '@/components'
// 导入全局混入mixin
import myMixin from '@/mixin'
// 导入全局echarts组件
import EchartPlugnin from '@/utils/chart.js'
// 引入多语言插件
import i18n from '@/lang'
Vue.use(EchartPlugnin)
// 注册全局mixin
Vue.mixin(myMixin)
Vue.use(myPlugCompoment)

// set ElementUI lang to EN
// Vue.use(ElementUI, { locale })
// 如果想要中文版 element-ui，按如下方式声明
// Vue.use(ElementUI)
// 多语言安装饿了吗插件
Vue.use(ElementUI, {
  i18n: (k, v) => i18n.t(k, v)
})

Vue.config.productionTip = false
// 处理图片加载失败自定义指令
Object.keys(dirts).forEach((key) => {
  Vue.directive(key, dirts[key])
})
// Vue.directive('imgerr', dirts.imgerr)
// Vue.directive('fb', {
//   inserted (el, val) {
//     // console.log(el, val)
//     el.style.border = `2px solid ${val.value || 'red'}`
//   }
// })

new Vue({
  el: '#app',
  router,
  store,
  i18n,
  render: h => h(App)
})
